<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
 
<head>
<title>请假申请</title>
<!-- BEGIN THEME STYLES -->
<!-- BEGIN GLOBAL MANDATORY STYLES -->
 
<link
	href="${ctxStatic}/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
	rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="${ctxStatic}/assets/global/css/components.css"
	id="style_components" rel="stylesheet" type="text/css" />
<link href="${ctxStatic}/assets/global/css/plugins.css" rel="stylesheet"
	type="text/css" />
<link href="${ctxStatic}/assets/admin/layout/css/layout.css"
	rel="stylesheet" type="text/css" />
<link id="style_color"
	href="${ctxStatic}/assets/admin/layout/css/themes/darkblue.css"
	rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="${ctxStatic}/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
	
<link href="${ctxStatic}/assets/admin/layout/css/custom.css"
	rel="stylesheet" type="text/css" />
	    <link href="${ctxStatic}/js/common/timepicker/jquery-ui-timepicker-addon.css" type="text/css" rel="stylesheet" />

<!-- END THEME STYLES -->
</head>

<body>
	<div class="page-content-wrapper1">
		<div class="page-content" style="height: 700px;">
			<!-- BEGIN PAGE HEADER-->
		 
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-12">
					<div class="portlet light bordered">
						<div class="portlet-title">
							<div class="caption font-green-haze">
								<i class="icon-settings font-green-haze"></i> <span
									class="caption-subject bold uppercase"> 请假办理</span>
							</div>
							<div class="actions">
								<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
									<i class="icon-cloud-upload"></i>
								</a> <a class="btn btn-circle btn-icon-only green"
									href="javascript:;"> <i class="icon-wrench"></i>
								</a> <a class="btn btn-circle btn-icon-only red" href="javascript:;">
									<i class="icon-trash"></i>
								</a> <a class="btn btn-circle btn-icon-only btn-default fullscreen"
									href="javascript:;" data-original-title="" title=""> </a>
							</div>
						</div>
						<div class="portlet-body form" style="height: auto;">
							<form role="form" action="${ctx}/oa/leave/start" method="post" class="form-horizontal">
								<div class="form-body">
									 <div class="form-group form-md-line-input">
										<label class="col-md-2 control-label" for="form_control_1">请假类型：</label>
										<div class="col-md-10">
											<select class="form-control" id="leaveType" name="leaveType">
												<option>公休</option>
						<option>病假</option>
						<option>调休</option>
						<option>事假</option>
						<option>婚假</option>
											</select>
											<div class="form-control-focus"></div>
										</div>
									</div>
									<div class="form-group form-md-line-input">
										<label class="col-md-2 control-label"  for="form_control_1">开始时间：</label>
										<div class="col-md-10 date form_datetime">
											<input type="text" class="form-control  " id="startTime" name="startTime"
												placeholder="输入开始时间">
											<div class="form-control-focus"></div>
										</div>
									</div>
							        <div class="form-group form-md-line-input">
										<label class="col-md-2 control-label" for="form_control_1">结束时间：</label>
										<div class="col-md-10 date form_datetime "  >
											<input type="text" class="form-control " id="endTime" name="endTime"   placeholder="输入结束时间">
											<div class="form-control-focus"></div>
										</div>
									</div>
									<div class="form-group form-md-line-input has-success">
										<label class="col-md-2 control-label" for="form_control_1">请假原因：</label>
										<div class="col-md-10">
											<textarea name="reason" class="form-control" rows="3" placeholder="输入请假原因"></textarea>
											<div class="form-control-focus">
											</div>
										</div>
									</div>
									 
								</div>
								<div class="form-actions">
									<div class="row">
										<div class="col-md-offset-2 col-md-10">
									 
										<button type="submit" class="btn green-meadow"><i class="fa fa-check"></i> 申请</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
  
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="${ctxStatic}/assets/global/plugins/respond.min.js"></script>
<script src="${ctxStatic}/assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="${ctxStatic}/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="${ctxStatic}/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/clockface/js/clockface.js"></script>
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/bootstrap-daterangepicker/moment.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script type="text/javascript" src="${ctxStatic}/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="${ctxStatic}/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
<script src="${ctxStatic}/assets/admin/pages/scripts/components-pickers.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
 <script>
 jQuery(document).ready(function() {
	 $('#startTime,#endTime').datetimepicker({
         stepMinute: 5
     });
			// initiate layout and plugins
			Metronic.init(); // init metronic core components
			Layout.init(); // init current layout
 
		});
	</script>
 
	<!-- END PAGE LEVEL SCRIPTS -->
	
</body>
</html>
